// 整个网页都加载完毕后执行的，$实际就是jquery库的缩写
function bindEmailCaptchaClick(){
     $("#captcha-btn").click(function (event){
    //获取当前事件按钮,$(this)用这种方式将其封装为jquery对象
    var $this =$(this);

    //阻止默认的事件，如避免该按钮提前提交整个表单
    event.preventDefault();
    //获取其他input里的邮箱，靠#id或name都行.例如input[name='email]
   var email=$("#sign_email").val();

   //等待邮箱发送，前端按钮显示倒计时---------------------------------------------------------------------------------------
   var countdown=20;
   //倒计时结束前无法点击
   $this.off("click");

   //间隔函数，隔设定时间执行一次
   var timer=setInterval(function (){
       $this.text(countdown);
       countdown-=1;
       if (countdown<=0){
            //清掉定时器
            clearInterval(timer);
            $this.text("获取验证码");
            //重新绑定点击事件
            bindEmailCaptchaClick();
       }
   },1000)

   $.ajax({
       url:"/user/captcha?user_email="+email,
       method:"GET",
       //function括号中的为成功时，接受到的后端数据
       success:function (result){
           var code=result['code'];
           if(code==200){

               alert("成功发送验证码至"+email);
           }else {
               alert(result['message'])
           }

       },
       fail:function (error){
           console.log(error)
       }


   })

    });

}


$(function (){
  bindEmailCaptchaClick();
});